<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .div1 {
        height: 200px;
        background-color: rgb(88, 85, 85);
      }
      .p1 {
        font-size: 30px;
        color: white;
        text-indent: 1em;
        font-family: "宋体";
        margin: 0px;
        padding-top: 50px;
      }
      .p2 {
        font-size: 15px;
        color: white;
        text-indent: 2em;
        font-family: "宋体";
        margin-top: 5px;
      }
      .div2 {
        height: 50px;
        background-color: rgb(48, 44, 44);
      }
      .a1 {
        display: inline-block;
        height: 50px;
        width: 140px;
        color: white;
        text-decoration: none;
        line-height: 50px;
        text-indent: 2em;
      }
      a:hover {
        background-color: #ff6700;
      }
      .div3{
          height: 800px;
          background-color: rgb(61, 59, 59);
      }
      .span1 {
        width: 850px;
        height: 700px;
        display: inline-block;
        background-color: white;
        margin-left: 10px;
      }
      .p3{
          font-size: 20px;
          color: rgb(156, 88, 9);
      }
      .p4{
          text-indent: 2em;
      }
      .p5{
          text-indent: 3em;
      }
      .span2{
          display: inline-block;
          width: 230px;
          height: 700px;
          background-color: white;
          margin-left: 20px;
      }
      .p6{
          font-size: 20px;
          font-family: "微软雅黑";
          text-indent: 1em;
      }
      li a{
          text-decoration: none;
          line-height: 20px;
      }
    </style>
  </head>
  <body>
    <div class="div1">
      <p class="p1">刘刘的博客</p>
      <p class="p2">共享旅游感悟，让你的生活更精彩</p>
    </div>
    <div class="div2">
      <a href="#" class="a1">我的博客</a>
      <a href="#" class="a1">精彩看点</a>
      <a href="#" class="a1">出行交通</a>
      <a href="#" class="a1">饮食卫生</a>
      <a href="#" class="a1">行走见闻</a>
      <a href="#" class="a1">经典摄影</a>
      <a href="#" class="a1">旅游购物</a>
      <a href="#" class="a1">博客讨论</a>
      <a href="#" class="a1">关于我</a>
    </div>

    <div class="div3">
        <br>
      <span class="span1">
        <p class="p3">本期主打：洛阳龙门石窟</p>
        <p class="p4">
          <strong>龙门石窟</strong>
          是中国四大石窟之一，另外三大石窟为：云冈石窟、敦煌莫高窟和麦积山石窟。
          龙门石窟青山绿水，万像生辉，作为佛教艺术宝库，
          早在1961年既被国务院公布为全国第一批重点文物保护单位，
          1982年被国务院公布为全国第一批国家级风景名胜区，
          2000年11月30日，联合国教科文组织将龙门石窟列入《世界文化遗产名录》。2006..
        </p>
        <img src="D:\HTMLCode\实验\实验五\实验五图片\weiku.jpg" alt="">
        <img src="D:\HTMLCode\实验\实验五\实验五图片\kanjingshi.jpg" alt="">
        <img src="D:\HTMLCode\实验\实验五\实验五图片\xiangshanshi.jpg" alt="" width="243px">
        <p class="p4">
          公元493年北魏孝文帝开始在龙门山开凿古阳洞，500-523年北魏宣武帝、北魏孝明帝连续开凿宾阳洞的北中南三个大石窟，
          石阳洞和宾阳洞的修建共费人工80万以上，
          还开凿了药方洞和北魏时开凿的莲花洞等石窟。
          北朝石窟都在龙门山，古阳洞自孝文帝至东魏末50多年的营造，
          表现出列多的中国艺术形式，大佛姿态也由云岗石窟的雄健可畏转变为龙门石窟的温和可亲。
        </p>
        <p class="p4">
          看经寺为武则天时期所雕刻，双室结构，前室崖壁有数十个小龛造像，主室进深1170厘米，
          宽1116厘米，高825厘米，平顶，方形平面，四壁垂直，三壁下部雕出高均180厘米的传法罗汉二十九祖(正壁11身，两壁个9身)，
          为我国唐代最精美的罗汉群像，是据隋代费长房《历代法宝记》刊刻的。这种不雕佛像仅雕罗汉的大窟，似是一大型禅堂，可能是禅宗所主持开凿的。看经..
        </p>
        <p class="p3">洛阳其他景点</p>
        <p class="p5">
          香山寺位于十三朝古都洛阳城南13公里处的香山西坳，与世界文化遗产——龙门石窟西山窟区一衣带水，隔河相望，与龙门石窟东山窟区和白园一脉相连，并肩邻立。
        </p>
        <p class="p5">
          香山因盛产香葛而得名。香山寺微始建于北魏熙平元年(公元516年)，唐垂拱三年(公元687年)，
          印度来华高僧地婆诃罗(日照)葬于此，为安置其遗身重建佛寺。天授元年(公元690年)，武则天在洛阳称..
        </p>
      </span>
      
      <span class="span2">
          <p class="p6">排行榜:</p>
          <ul>
              <li><a href="#">九寨沟</a></li>
              <li><a href="#">黄山风景区</a></li>
              <li><a href="#">乌镇</a></li>
              <li><a href="">婺源</a></li>
              <li><a href="">北戴河海滨风景度假区</a></li>
              <li><a href="">西双版纳原始森林公园</a></li>
              <li><a href="">少林寺</a></li>
              <li><a href="">颐和园</a></li>
              <li><a href="">千岛湖风景区</a></li>
              <li><a href="">秦始皇兵马俑</a></li>
          </ul>
          <p class="p6">网友分享:</p>
          <ul>
              <li><a href="">浙江绍兴：浸染在粽香里的小城</a></li>
              <li><a href="">水乡周庄：感受无处不在的商业化</a></li>
              <li><a href="">无锡灵山大佛景区：新的佛教旅游胜境</a></li>
              <li><a href="">松山湖骑单车赏花</a></li>
              <li><a href="">郑州时光：追忆百转千回的中原文明</a></li>
              <li><a href="">井冈山游记：水口瀑飞主峰美</a></li>
              <li><a href="">桂林游：遇龙河上慢慢飘</a></li>
              <li><a href="">春游大理 梨花村曼妙</a></li>
              <li><a href="">龙门石窟：天上一日地上千年</a></li>
              <li><a href="">洛阳特色工艺品</a></li>
          </ul>
      </span>
    </div>
  </body>
</html>
